import IssueItem from "./IssueItem";
import { ISearchResult } from "../typings";
/**
 * 存储搜索结果的项目
 * 该组件是根据搜索的类型返回不同类型的搜索项目组件 （IssueItem or BookItem）
 * 像这一类组件，没有自己的jsx视图，而是充当一个容器一般的存在
 * 这一类组件，我们称之为容器组件
 */

interface IProps {
    info: ISearchResult
}

const SearchResultItem = (props: IProps) => {
    return (
        <div>
            {props.info.issueTitle ? <IssueItem issueItemData={props.info} /> : null}
        </div>
    );
}

export default SearchResultItem;